<template>
  <div>
    <div></div>
    <!-- <button @click="aa">11111</button> -->
  </div>
</template>

<script>
import watermark from "watermark-package";
// console.log(watermark);
export default {
  data() {
    return {
      userInfo: [],
    };
  },

  mounted() {
    // console.log(localStorage.getItem("userInfo"));
    let userInfo = JSON.parse(localStorage.getItem("userInfo"));

    //  this.userName=userInfo.Useranme
   
    watermark.setWaterMark({
      w_texts: [`${userInfo.Useranme}`, `${userInfo.login}`],
      w_options: {
        w_width: 240,
        w_height: 140,
        w_top: "160px",
        w_left: "160px",
        w_rotateDeg: 25,
        w_font: "1.2rem Vedana",
        w_color: "red",
        w_opacity: "0.5",
        w_zIndex: "100000",
      },
    });
  },

  beforeDestroy() {
    watermark.removeWatermark();
  },
};
</script>

<style></style>
